<template>
  <div >
    <div>
      <div class="font15 mt10 pl10">
      <span class="titletext ">{{titledata.title}}</span>
      <div class="graytext  mt10 font13">
        <span >工单编号：</span>
        <span class="titletext">{{titledata.pmInsId}}</span>
      </div>
    </div>
    <!-- 基本信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">线索基本信息</span> 
    </div>
    <van-field readonly required name="city" :value="fromdata.city" label="地市：" label-width="3em" />
    <van-field readonly required name="county" :value="fromdata.county" label="县区：" label-width="3em" />
    <van-field readonly required name="publicCountyCodeValue" :value="fromdata.publicCountyCodeValue" label="县域组织(公开市场)：" label-width="10em" />
    <van-field readonly required name="customerName" :value="fromdata.customerName" label="客户单位名称：" label-width="7em" />
    <van-field readonly required name="clueCode" :value="fromdata.clueCode" label="线索编码：" label-width="5em" />
    <van-field readonly required name="clueName" :value="fromdata.clueName" label="线索名称：" label-width="5em" />
    <van-field readonly required name="projectStage" :value="fromdata.projectStage" label="项目阶段：" label-width="5em" />
    <van-field readonly required autosize type="textarea" rows="1" name="projectDesc" :value="fromdata.projectDesc" label="商机简介(建设内容)：" label-width="10.5em" />
    <van-field readonly required name="projectBudget" :value="fromdata.projectBudget" label="预算金额（万元）：" label-width="9em" />
    <van-field readonly required name="data2" :value="fromdata.data2" label="是否招投标：" label-width="6em" />

    <van-field readonly  name="isCoverCloud" :value="fromdata.isCoverCloud" label="是否可融云：" label-width="6em" />
    <van-field v-if="fromdata.isCoverCloud=='是'" readonly  name="coverCloudType" :value="fromdata.coverCloudType" label="融云类型：" label-width="5em" />
    <van-field readonly  name="isCoverNet" :value="fromdata.isCoverNet" label="是否可融网：" label-width="6em" />
    <van-field v-if="fromdata.isCoverNet=='是'" readonly  name="coverNetType" :value="fromdata.coverNetType" label="融网类型：" label-width="5em" />

    <van-field readonly required name="currentSituation" :value="fromdata.currentSituation" label="当前形势：" label-width="5em" />
    <van-field readonly required name="mgrName" :value="fromdata.mgrName" label="客户经理姓名：" label-width="7em" />
    <van-field readonly required name="mgrBill" :value="fromdata.mgrBill" label="客户经理电话：" label-width="7em" />
    <van-field readonly required name="mgrCode" :value="fromdata.mgrCode" label="客户经理工号：" label-width="7em" />
    <van-field readonly required name="city" :value="fromdata.city" label="归属市单位：" label-width="6em" />
    <van-field readonly required name="county" :value="fromdata.county" label="归属县单位：" label-width="6em" />
    <van-field readonly required name="customerCode" :value="fromdata.customerCode" label="全网客户编码：" label-width="7em" />
    <van-field readonly required name="groupId" :value="fromdata.groupId" label="省内客户编码：" label-width="7em" />
    <van-field readonly required name="customerName" :value="fromdata.customerName" label="客户名称：" label-width="5em" />
    <van-field readonly required name="regionId" :value="fromdata.regionId" label="客户等级：" label-width="5em" />
    <van-field readonly required name="industryType" :value="fromdata.industryType" label="行业类型（线索）：" label-width="9em" />
    <van-field readonly name="businessType" :value="fromdata.businessType" label="业务类型：" label-width="5em" />
    <van-field readonly name="keyProject" :value="fromdata.keyProject" label="行业重点项目：" label-width="7em" />
    <van-field readonly name="keyProjectType" :value="fromdata.keyProjectType" label="重点项目类型：" label-width="7em" />
    <van-field readonly name="hotProjectType" :value="fromdata.hotProjectType" label="近期热点项目类型：" label-width="9em" />
    <van-field readonly name="solutionType" :value="fromdata.solutionType" label="12项解决方案类型：" label-width="9.5em" />
    <van-field readonly required name="isConverBusiness" :value="fromdata.isConverBusiness" label="是否转化成商机：" label-width="8em" />
    <van-field v-if="fromdata.isConverBusiness=='否'" readonly required autosize type="textarea" rows="1" name="notConverReason" :value="fromdata.notConverReason" label="不转化原因：" label-width="6em" />
   
    <!-- <van-field readonly required label-width="12em" label="前向合同签约扫描件文件：" />
    <div v-for="(fileitem) in fromdata.oldContractDocument" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div> -->
    <historyAndSuggs id='target' :showHistory='showHistory'
            :historydata='historydata' :approveList='approveList' />
    </div>
    
   
  </div>
</template>
 
<script>
import { openFileUrl } from '@/store/openFile'
import historyAndSuggs from "@/views/srqr/historyAndSuggs.vue"
export default {
  data() {
    return {
    }
  },
  props: ['titledata','businessdata','fromdata','showHistory','historydata','approveList'],
  methods: {
     tomsg () {
      document.getElementById('target').scrollIntoView({ behavior: 'smooth' })
    },
    openFileUrlfun(value) {
      this.$router.push(
        {
          name: 'fileview',
          query: {
            openFileUrl: openFileUrl(value)
          }
        }
      );
    },
  },
  components: {
    historyAndSuggs
  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>